body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: #000;
}
div#main {
  position: relative;
  margin: auto;
  width: 320px;
  height: 480px;
}
div#game_board {
  position: absolute;
  right: 5px;
  top: 10px;
  width: 168px;;
  height: 322px;
  border: 1px solid #fff; 
  background-color: #666;
}
div#game_info {
  position: absolute;
  left: 0px;
  top: 10px;
  width: 137px;
  height: 322px;
  border: 1px solid #fff; 
  background-color: #000;
}

div#score_header,
div#lines_header,
div#pipes_header,
div#big_pipe_header,
div#cycles_header,
div#big_cycle_header {
  left: 4px;
  color: #aaa;
  position: absolute;
  font: normal bold 14px/100% Helvetica;
  text-align: left;
}
div#score_value,
div#lines_value,
div#pipes_value,
div#big_pipe_value,
div#cycles_value,
div#big_cycle_value {
  right: 4px;
  color: #fff;
  position: absolute;
  font: normal bold 14px/100% Helvetica;
  text-align: right;
}
div#score_header {
  top: 4px;
}
div#score_value {
  top: 22px;
}
div#lines_header {
  top: 40px;
}
div#lines_value {
  top: 58px;
}
div#pipes_header {
  top: 76px;
}
div#pipes_value {
  top: 94px;
}
div#big_pipe_header {
  top: 112px;
}
div#big_pipe_value {
  top: 130px;
}
div.block {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 14px;
  height :14px;
  left: 0px;
  top: 0px;
  background: transparent url(images/piece_3.png) -14px -42px no-repeat;
}
div#test_div {
  position: absolute;
  top: 0px;
  left: 0px; 
  width: 500px;
  color: #fff;
  z-index: 2;
}
div#test_controls_div {
  position: absolute;
  left: 0px;
  top: 350px;
  width: 300px;
  height: 200px;
  border: 1px solid #fff;
}
div.control_button, 
div#rotate_left_button,
div#rotate_right_button,
div#move_left_button,
div#move_right_button,
div#move_down_button,
div#pause_button,
div#debug_button,
div#update_button {
  position: absolute;
  top: 5px;
  width: 60px;
  height: 60px;
}

div#move_left_button {
  left: 5px;
  background: transparent url(images/move-left.png) 0px 0px no-repeat;
}
div#rotate_left_button {
  left: 70px;
  background: transparent url(images/rotate-left.png) 0px 0px no-repeat;
}
div#rotate_right_button {
  left: 135px;
  background: transparent url(images/rotate-right.png) 0px 0px no-repeat;
}
div#move_right_button {
  left: 200px;
  background: transparent url(images/move-right.png) 0px 0px no-repeat;
}
div#move_down_button {
  left: 265px;
  background: transparent url(images/move-down.png) 0px 0px no-repeat;
}
div#pause_button {
  left: 0px;
  top: 75px;
  border: 1px solid red;
  color: red;
}
div#debug_button {
  left: 70px;
  top: 75px;
  border: 1px solid red;
  color: red;
}
div#update_button {
  left: 135px;
  top: 75px;
  border: 1px solid red;
  color: red;
}
